<!-- <script -->
<%-- 	src="<%=request.getContextPath()%>/js/assets/jquery-1.9.0.min.js"></script> --%>
<!-- <script -->
<%-- 	src="<%=request.getContextPath()%>/js/flangeDataScripts/create.js"></script> --%>

<form name="flangeData" method="post"
	action="<%=request.getContextPath()%>/Controller">
	<input type="hidden" name="whereFrom" value="makeEntry">
	<div id="dataForm">
		<div class="tile-group tile-drag formSubData" id="1">
			<div class="tile-content">
				<h2>General</h2>
				<div>
					<div>Client Name</div>
					<div>
						<input type="text" name="GEN_Client" id="GEN_Client">
					</div>
				</div>

				<div>
					<div>Flange Identification</div>
					<div>
						<input type="text" name="GEN_flangeID" id="GEN_flangeID">
					</div>
				</div>

				<div>
					<div>Flange Location</div>
					<div>
						<input type="text" name="GEN_flangeLocation"
							id="GEN_flangeLocation">
					</div>
				</div>

				<div>
					<div>HBT Supervisor</div>
					<div>
						<input type="text" name="GEN_HBTSupervisor" id="GEN_HBTSupervisor">
					</div>
				</div>

				<div>
					<div>HBT Technician</div>
					<div>
						<input type="text" name="GEN_HBTTechnician" id="GEN_HBTTechnician">
					</div>
				</div>

				<div>
					<div>Workdate</div>
					<div>
						<input type="text" name="GEN_Workdate" id="GEN_Workdate" value="12-31-1900">
					</div>
				</div>
				
				</div>
				
				<div class="tile bg-color-white" style="padding-left: 2.5%;">
					<div class="tile-content">
						<div class="brand"></div>
					</div>
				</div>
				<div class="tile bg-color-white" style="padding-left: 2.5%;">
					<div class="tile-content">
						<div class="brand">
							<button class="navButton" value=2>Next</button>
						</div>
					</div>
				</div>
			</div>
		</div>

		<div class="tile-group tile-drag formSubData" id="2">
			<h2>Joint Integrity Record</h2>

			<div>
				<div>Top</div>
				<div>
					<input type="text" name="JIR_top" id="JIR_top">
				</div>
			</div>

			<div>
				<div>Bottom</div>
				<div>
					<input type="text" name="JIR_bottom" id="JIR_bottom">
				</div>
			</div>

			<div>
				<div>Left</div>
				<div>
					<input type="text" name="JIR_left" id="JIR_left">
				</div>
			</div>

			<div>
				<div>Right</div>
				<div>
					<input type="text" name="JIR_right" id="JIR_right">
				</div>
			</div>

			<div>
				<div>Remarks</div>
				<div>
					<input type="text" name="JIR_remarks" id="JIR_remarks">
				</div>
			</div>
			<div class="tile bg-color-white" style="padding-left: 2.5%;">
				<div class="tile-content">
					<div class="brand">
						<button class="navButton" value=1>Previous</button>
					</div>
				</div>
			</div>
			<div class="tile bg-color-white" style="padding-left: 2.5%;">
				<div class="tile-content">
					<div class="brand">
						<button class="navButton" value=3>Next</button>
					</div>
				</div>
			</div>
		</div>

		<div class="tile-group tile-drag formSubData" id="3">
			<h2>Flange Data</h2>

			<div>
				<div>Nom Dia And Flange Class</div>
				<div>
					<input type="text" name="FD_nomDiaFlangeClass"
						id="FD_nomDiaFlangeClass">
				</div>
			</div>

			<div>
				<div>Gasket Type</div>
				<div>
					<input type="text" name="FD_gasketType" id="FD_gasketType">
				</div>
			</div>

			<div>
				<div>Gasket Material</div>
				<div>
					<input type="text" name="FD_gasketMaterial" id="FD_gasketMaterial">
				</div>
			</div>

			<div>
				<div>Bolt Material</div>
				<div>
					<input type="text" name="FD_boltMaterial" id="FD_boltMaterial">
				</div>
			</div>

			<div>
				<div>Flange Material</div>
				<div>
					<input type="text" name="FD_flangeMaterial" id="FD_flangeMaterial">
				</div>
			</div>
			<div>
				<div>Bolt Diameter</div>
				<div>
					<input type="text" name="FD_boltDiameter" id="FD_boltDiameter">
				</div>
			</div>

			<div>
				<div>No. of Bolts</div>
				<div>
					<input type="text" name="FD_noOfBolts" id="FD_noOfBolts">
				</div>
			</div>


			<div>
				<div>Joint Configuration</div>
				<div>
					<input type="text" name="FD_jointConfiguration"
						id="FD_jointConfiguration">
				</div>
			</div>

			<div>
				<div>Flange/Line Test Pressure</div>
				<div>
					<input type="text" name="FD_flangeLineTestPressure"
						id="FD_flangeLineTestPressure">
				</div>
			</div>
			<div class="tile bg-color-white" style="padding-left: 2.5%;">
				<div class="tile-content">
					<div class="brand">
						<button class="navButton" value=2>Previous</button>
					</div>
				</div>
			</div>
			<div class="tile bg-color-white" style="padding-left: 2.5%;">
				<div class="tile-content">
					<div class="brand">
						<button class="navButton" value=4>Next</button>
					</div>
				</div>
			</div>
		</div>

		<div class="tile-group tile-drag formSubData" id="4">
			<h2>Bolt Tensioner Record</h2>

			<div>
				<div>No. of Tensioners Used</div>
				<div>
					<input type="text" name="BTenR_noOfTensioner"
						id="BTenR_noOfTensioner">
				</div>
			</div>

			<div>
				<div>Pump Serial Number</div>
				<div>
					<input type="text" name="BTenR_pumpSerialNo"
						id="BTenR_pumpSerialNo">
				</div>
			</div>

			<div>
				<div>1st Pass Pressure</div>
				<div>
					<input type="text" name="BTenR_1stPassPressure"
						id="BTenR_1stPassPressure">
				</div>
			</div>

			<div>
				<div>2nd Pass Pressure</div>
				<div>
					<input type="text" name="BTenR_2ndPassPressure"
						id="BTenR_2ndPassPressure">
				</div>
			</div>

			<div>
				<div>Checking Pass Pressure</div>
				<div>
					<input type="text" name="BTenR_CheckingPassPressure"
						id="BTenR_CheckingPassPressure">
				</div>
			</div>
			<div class="tile bg-color-white" style="padding-left: 2.5%;">
				<div class="tile-content">
					<div class="brand">
						<button class="navButton" value=3>Previous</button>
					</div>
				</div>
			</div>
			<div class="tile bg-color-white" style="padding-left: 2.5%;">
				<div class="tile-content">
					<div class="brand">
						<button class="navButton" value=5>Next</button>
					</div>
				</div>
			</div>
		</div>

		<div class="tile-group tile-drag formSubData" id="5">
			<h2>Visual Checks</h2>

			<div>
				<div>Bolt Condition</div>
				<div>
					<input type="text" name="VC_boltCondition" id="VC_boltCondition">
				</div>
			</div>

			<div>
				<div>Flange Prepared By</div>
				<div>
					<input type="text" name="VC_flangePreparedBy"
						id="VC_flangePreparedBy">
				</div>
			</div>

			<div>
				<div>Minimum Thread Protrusion</div>
				<div>
					<input type="text" name="VC_minThreadProtrusion"
						id="VC_minThreadProtrusion">
				</div>
			</div>

			<div>
				<div>Thread Form</div>
				<div>
					<input type="text" name="VC_threadForm" id="VC_threadForm">
				</div>
			</div>

			<div>
				<div>Flange Face Condition</div>
				<div>
					<input type="text" name="VC_flangeFaceCondition"
						id="VC_flangeFaceCondition">
				</div>
			</div>
			<div class="tile bg-color-white" style="padding-left: 2.5%;">
				<div class="tile-content">
					<div class="brand">
						<button class="navButton" value=4>Previous</button>
					</div>
				</div>
			</div>
			<div class="tile bg-color-white" style="padding-left: 2.5%;">
				<div class="tile-content">
					<div class="brand">
						<button class="navButton" value=6>Next</button>
					</div>
				</div>
			</div>
		</div>

		<div class="tile-group tile-drag formSubData" id="6">
			<h2>Equipment and Tool</h2>
			<div>
				<div>Bolt Tensioner</div>
				<div>
					<input type="text" name="ET_boltTensioner" id="ET_boltTensioner">
				</div>
			</div>

			<div>
				<div>Model</div>
				<div>
					<input type="text" name="ET_boltTensionerModel"
						id="ET_boltTensionerModel">
				</div>
			</div>

			<div>
				<div>Torque Wrench</div>
				<div>
					<input type="text" name="ET_torqueWrench" id="ET_torqueWrench">
				</div>
			</div>

			<div>
				<div>Model</div>
				<div>
					<input type="text" name="ET_torqueWrenchModel"
						id="ET_torqueWrenchModel">
				</div>
			</div>

			<div>
				<div>Flogging Spanner</div>
				<div>
					<input type="text" name="ET_floggingSpanner"
						id="ET_floggingSpanner">
				</div>
			</div>

			<div>
				<div>Model</div>
				<div>
					<input type="text" name="ET_floggingSpannerModel"
						id="ET_floggingSpannerModel">
				</div>
			</div>
			<div class="tile bg-color-white" style="padding-left: 2.5%;">
				<div class="tile-content">
					<div class="brand">
						<button class="navButton" value=5>Previous</button>
					</div>
				</div>
			</div>
			<div class="tile bg-color-white" style="padding-left: 2.5%;">
				<div class="tile-content">
					<div class="brand">
						<button class="navButton" value=7>Next</button>
					</div>
				</div>
			</div>
		</div>

		<div class="tile-group tile-drag formSubData" id="7">
			<h2>Bolt Torquing Record</h2>

			<div>
				<div>No. of Torque Wrenches Used</div>
				<div>
					<input type="text" name="BTorR_noOfTorqueWrench"
						id="BTorR_noOfTorqueWrench">
				</div>
			</div>

			<div>
				<div>Pump Serial Number</div>
				<div>
					<input type="text" name="BTorR_pumpSerialNo"
						id="BTorR_pumpSerialNo">
				</div>
			</div>

			<div>
				<div>Lubricant Used</div>
				<div>
					<input type="text" name="BTorR_lubricantUsed"
						id="BTorR_lubricantUsed">
				</div>
			</div>

			<div>
				<div>Lubricant Applied By</div>
				<div>
					<input type="text" name="BTorR_lubricantAppliedBy"
						id="BTorR_lubricantAppliedBy">
				</div>
			</div>

			<div>
				<div>Torque Applied</div>
				<div>
					<input type="text" name="BTorR_torqueApplied"
						id="BTorR_torqueApplied">
				</div>
			</div>
			<div class="tile bg-color-white" style="padding-left: 2.5%;">
				<div class="tile-content">
					<div class="brand">
						<button class="navButton" value=6>Previous</button>
					</div>
				</div>
			</div>
			<div class="tile bg-color-white" style="padding-left: 2.5%;">
				<div class="tile-content">
					<div class="brand">
						<button class="navButton" value=8>Next</button>
					</div>
				</div>
			</div>
		</div>

		<div class="tile-group tile-drag formSubData" id="8">
			<h2>Justrite Recommended Loads</h2>
			<div>
				<div>Residual Bolt Load</div>
				<div>
					<input type="text" name="JRL_residualBoltLoad"
						id="JRL_residualBoltLoad">
				</div>
			</div>

			<div>
				<div>Residual Bolt Stress</div>
				<div>
					<input type="text" name="JRL_residualBoltStress"
						id="JRL_residualBoltStress">
				</div>
			</div>

			<div>
				<div>Torque</div>
				<div>
					<input type="text" name="JRL_torque" id="JRL_torque">
				</div>
			</div>

			<div>
				<div>Coefficient of Friction</div>
				<div>
					<input type="text" name="JRL_frictionCoefficient"
						id="JRL_frictionCoefficient">
				</div>
			</div>

			<div>
				<div>Pressure Applied</div>
				<div>
					<input type="text" name="JRL_pressureApplied"
						id="JRL_pressureApplied">
				</div>
			</div>
			<div class="tile bg-color-white" style="padding-left: 2.5%;">
				<div class="tile-content">
					<div class="brand">
						<button class="navButton" value=7>Previous</button>
					</div>
				</div>
			</div>
			<div class="tile bg-color-white" style="padding-left: 2.5%;">
				<div class="tile-content">
					<div class="brand">
						<button class="navButton" value=9>Next</button>
					</div>
				</div>
			</div>
		</div>

		<div class="tile-group tile-drag formSubData" id="9">
			<h2>Customer Specified Loads</h2>

			<div>
				<div>Residual Bolt Load</div>
				<div>
					<input type="text" name="CSL_residualBoltLoad"
						id="CSL_residualBoltLoad">
				</div>
			</div>

			<div>
				<div>Residual Bolt Stress</div>
				<div>
					<input type="text" name="CSL_residualBoltStress"
						id="CSL_residualBoltStress">
				</div>
			</div>

			<div>
				<div>Torque</div>
				<div>
					<input type="text" name="CSL_torque" id="CSL_torque">
				</div>
			</div>
			<div class="tile bg-color-white" style="padding-left: 2.5%;">
				<div class="tile-content">
					<div class="brand">
						<button class="navButton" value=8>Previous</button>
					</div>
				</div>
			</div>
			<div class="tile bg-color-white" style="padding-left: 2.5%;">
				<div class="tile-content">
					<div class="brand">
						<button class="navButton" value=10>Next</button>
					</div>
				</div>
			</div>
		</div>

		<div class="tile-group tile-drag formSubData" id="10">
			<h2>Review and Acceptance Signatures</h2>
			<div>
				<div>On Behalf of Justrite : Name</div>
				<div>
					<input type="text" name="RAS_justriteName" id="RAS_justriteName">
				</div>
			</div>

			<div>
				<div>Date</div>
				<div>
					<input type="text" name="RAS_justriteDate" id="RAS_justriteDate" value="12-31-1900">
				</div>
			</div>

			<div>
				<div>Acceptance on Behalf of (Company?)</div>
				<div>
					<input type="text" name="RAS_onBehalfOf" id="RAS_onBehalfOf">
				</div>
			</div>

			<div>
				<div>Acceptor's Name</div>
				<div>
					<input type="text" name="RAS_onBehalfOfName"
						id="RAS_onBehalfOfName">
				</div>
			</div>

			<div>
				<div>Date</div>
				<div>
					<input type="text" name="RAS_onBehalfOfDate"
						id="RAS_onBehalfOfDate" value="12-31-1900">
				</div>
			</div>
			<div>
				<div>Flange Tags Attached</div>
				<div>
					<input type="text" name="RAS_flangeTagsAttached"
						id="RAS_flangeTagsAttached">
				</div>
			</div>
			<div class="tile double bg-color-white" style="padding-left: 2.5%;">
				<div class="tile bg-color-white" style="padding-left: 2.5%;">
					<div class="tile-content">
						<div class="brand">
							<button class="navButton" value=9>Previous</button>
						</div>
					</div>
				</div>
				<div class="tile-content">
					<div class="brand">
						<button id="SubmitButton" type="submit">Submit Data</button>
					</div>
				</div>
			</div>
		</div>
	</div>
</form>